*{margin:0px;padding:0px;}
a{
    text-decoration: none;
    color:black;
    }
footer,header{
    /*height:30px;*/
    background-color:black;
    position:fixed;
    padding-top:15px;
    padding-bottom:15px;
    /*position:absolute;*/
    /*position:fixed;*/
}
.menu{
    box-sizing: border-box;
    position:fixed;
    bottom:80px;
    background:#eee;
    text-align: center;
    padding:10px;
    box-shadow: 0 0 50px black;
    border-radius: 10px;
    display:none;
}
.default{
    cursor:default;
}
.menu.right{
    right:0px;
}
.menu a{
    font-size:18px;
    display:block;
}
.menu div{
     padding-top:20px;
     padding-bottom:20px;
    overflow: hidden;
}
.menu div{
    content:"";
    display:block;
    box-shadow: 0 0px 5px #aaaaaa;
}
footer{
    bottom:0px;
}
header{
    top:0px;
}
.contentFooter{
    background:#eee;
    height:50px;
    position:fixed;
    bottom:0px;
}
.contentFooter>div{
    /*height:50px;*/
    padding-top:15px;
    padding-bottom:15px;
    text-align: center;
    font-size:20px;
    cursor:pointer;
    border-radius: 5px;
}
.contentFooter:hover{
    box-shadow: 0 0 50px black ;
}
.contentFooter>div:hover{
    box-shadow: 0 0 20px black;
}
.contentFooter .div1{
    float:left;
}
.contentFooter .div2{
    float:right;
}
.contentFooter .split{
    width:1px;
    float:left;
    background:#ccc;
    height:20px;
}